
#{extends 'template.html'/}




<body >

	<div style="width: 100%; height: 100%">

		#{include 'main.html'/}

		<div style="float: left; width: 100%; height: 80%">

			 #{include 'panelperfil.html'/}
         <div class="bod" id="largeData" style="float: left;width: 70%;">
        

				<center>
					<h2>Resultados da Busca</h2>
					<ul>
				</center> #{list items:usuariosBuscados, as:'usuariosAchados'} 
				<div class="container-fluid well span6">
	<div class="row-fluid">
        <div class="span2" >
		    <img src="${usuariosAchados.usu_caminho_ima}" class="img-circle">
        </div>
        
        <div class="span8">
            <h3>${usuariosAchados.usu_nome}</h3>
            <h6>Email:${usuariosAchados.usu_email}</h6>
            <h6>Cidade: ------</h6>
            <h6>Idade: ------</h6>
            <h6><a href="@{Timeline.perfil(usuariosAchados)}">Mais... </a></h6>
        </div>
        
        <div class="span2">
            <div class="btn-group">
                <a class="btn dropdown-toggle btn-info" data-toggle="dropdown" href="#">
                    Action 
                    <span class="icon-cog icon-white"></span><span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#"><span class="icon-wrench"></span> Add</a></li>
                    <li><a href="@{Timeline.perfil(usuariosAchados)}"><span class="icon-trash"></span> Perfil</a></li>
                </ul>
            </div>
        </div>
</div>
</div>

			 #{/list}
			 </ul>  <span id="right"
				style="float: right; width: 15%; height: 100%; background-color: #D9E6F7;">

			</span>
</div>
		</div>

		
		

	</div>

</body>